<!DOCTYPE html>
<html lang="en">
    <!-- 定义网页的元数据 -->
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
             content="width=device-width, initial-scale=1.0">
        <title>哈哈哈</title>
    </head>

    <!-- 浏览器要显示的部分 -->
    <body>
         <h1>呵呵呵</h1>  dsajkldjal
         <a>啊啊啊</a>
         <!-- 换行: 自结束； 空元素（空标签）：没有标签体 -->
         <br> 
         <br> 
         <br> 
         <br>
         <!-- 超链接: 点击会跳到新的地址 -->
         <a id="a01" href="https://www.baidu.com">aaa</a>

        <h1>你还好吗</h1>

         <!-- 段落：自动换行 -->
         <p class="haha">
            哈哈 
                <strong>呵呵 </strong>
            嘿嘿
            <br/>
            呵呵
        </p>


        <!-- 图片： 
            src：指定图片的位置; 没有标签体 
            alt：图片如果路径不对，页面找不到，就显示alt的内容
        -->
        <img src="images/aaaa.png" alt="My test image" />
         <br/>
        
         <!-- 属性：
            id：唯一代表 
            class： 分类； 将来一次性批量把这一类的东西都拿到
        -->
         <p id="p01" class="haha"></p>

    </body>
</html>